<template lang="pug">
.submit-wrap
	.submit-block
		.doctor-head-info
			.doctor-icon
				img(:src="doctor.photo?doctor.photo:defaultHead")
			.doctor-content
				.doctor-name
					.name {{doctor.name}}
					.title {{doctor.title}}
				.department {{doctor.department}}
		.submit-item
			.title 就诊医院
			.item-right
				p {{doctor.hospital}}
		.submit-item
			.title 就诊日期
			.item-right
				p 台州市立医院
		.submit-item
			.title 就诊时间段
			.item-right
				p
					span.blue-text 08:00
					i.arrow-right
		.submit-item
			.title 就诊费
			.item-right
				h6 40元
				small 挂号费：10.00元，诊疗费：30.00元
	.tip
		| 就诊费由医院自行设定，平台不收取任何额外费用

	.submit-block
		.submit-item
			.title 就诊人
			.item-right
				p
					span.blue-text 李打哈
					i.arrow-right
		.submit-item
			.title 就诊卡号
			.item-right
				p
					span 111111
					i.arrow-right
	.submit-bottom
		.key 没带身份证，快捷预约
		.submit-button
			main-button(text="确认预约" :isActive="true")
</template>

<script>
import mainButton from '@/components/main-button'
export default {
	name: 'submit',
	data() {
		return {}
	},
	created() {},
	mounted() {},
	methods: {},
	components: {
		mainButton
	}
}
</script>

<style lang="stylus">
	.submit-wrap
		.submit-block
			margin mainMargin
			shadowBox()
			.doctor-head-info
				height 170px
				display flex
				align-items center
				padding 0 mainPadding
				position relative
				margin 0 0 0 mainMargin
				.doctor-icon
					width 110px
					height 110px
					border-radius 50%
					overflow hidden
					position relative
					img
						width 100%
						height 100%
				.doctor-content
					flex 1
					position relative
					margin-left 24px
					.doctor-name
						display flex
						align-items center
						padding-bottom 8px
						.name
							font-size 30px
							font-weight 500
							line-height 44px
							padding-right 20px
							color blackFontColor1A
					.title,.department
						font-size 24px
						line-height 34px
						color #aaa
			.submit-item
				min-height 110px
				margin 0 0 0 30px
				border-top borderStyle
				display flex
				justify-content space-between
				align-items center
				line-height 48px
				padding-right mainPadding
				.title
					font-size 30px
					color grayFontColor88
				.item-right
					text-align right
					p,h6
						font-size 30px
						color blackFontColor1A
					p
						display flex
						align-items center
					h6
						font-size 500
					.blue-text
						color themeColor
					small
						font-size 20px
						color grayFontColor
						line-height 28px
					.arrow-right
						margin-left 16px
						width 16px
						height 24px
						centerBackground("../../assets/image/common/arrow_right_grey.png")
				&:first-child
					border-width 0
		.tip
			font-size 24px
			color grayFontColor
			line-height 34px
			text-align right
			margin-right mainMargin
		.submit-bottom
			position fixed
			bottom 0
			left 0
			right 0
			.submit-button
				height 98px
			.key
				font-size 24px
				color grayFontColor88
				line-height 34px
				margin-bottom 34px
				text-align center
</style>
